.root {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 0 0;
  border-radius: 8px;

  .child {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 24px;

    .box {
      position: relative;
      margin-bottom: 30px;
    }
  }

  .childBox {
    display: flex;
    position: relative;
    // margin-top: 20px;

    .title {
      height: 28px;
      font-size: 20px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.85);
      line-height: 28px;
      width: 20%;
      margin-top: 30px;
    }

    .monChild {
      flex: 1;
      padding-right: 70px;
      margin-left: -30px;
      display: flex;
      justify-content: space-around;
      padding-bottom: 15px;

      .monChildTitle {
        display: flex;
        flex-direction: column;

        span {
          width: 100%;
          height: 28px;
          font-size: 20px;
          font-family: PingFangSC-Semibold, PingFang SC;
          font-weight: 600;
          color: rgba(0, 0, 0, 0.85);
          line-height: 28px;
          text-align: center;
        }

        img {
          width: 60px;
          // height: 60px;
          margin: 0 auto;
        }
      }
    }
  }
  .boxArrow {
    width: 0;
    height: 0;
    border-bottom: 15px solid #3797fe;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    position: absolute;
    top: 88px;
    right: 45%;
  }

  .boxLine {
    position: absolute;
    height: 38px;
    top: 93px;
    right: 521px;
    border-left: 9px solid #3797fe;
  }
}
